<div class="container" id="TeacherRegister">
    <div class="title">
        <span>用户注册</span>
    </div>
    <div class="step">
        <ul class="list-inline text-center">
            <li>
                <span class="active"><img src="src/imgs/step1.png"/></span>
                选择角色
                <b ><img src="src/imgs/next_1.png"/></b>
            </li>
            <li>
                <span class="active"><img src="src/imgs/step2.png"/></span>
                填写信息
                <b ><img src="src/imgs/next.png"/></b>
            </li>
            <li>
                <span><img src="src/imgs/step3.png"/></span>
                完成注册
            </li>
        </ul>
    </div>
    <div class="h3 text-center">敬爱的老师你好,请填写个人信息</div>
    <div class="register-box">
        <form class="form-hoiorizontal" >
            <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.TenantName.$valid,'has-error':TenantForm.TenantName.$invalid&&TenantForm.TenantName.$dirty}">
                <label class="col-md-3 control-label"><em class="must-point">*</em>用户名:</label>
                <div class="col-md-9">
                    <input class="form-control" id="TenantName" name="TenantName" type="text" required placeholder="请输入学校名称"  ng-model='Tenant.tenantName'/>
                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.TenantName.$valid,'glyphicon-remove':TenantForm.TenantName.$invalid&&TenantForm.TenantName.$dirty}" ></span>
                </div>
            </div>
            <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.TenantType.$valid,'has-error':TenantForm.TenantType.$invalid&&TenantForm.TenantType.$dirty}">
                <label class="col-md-3 control-label"><em class="must-point">*</em>账号:</label>
                <div class="col-md-9">
                    <select class="form-control" id="TenantType" name="TenantType" required  ng-options="x.id as x.tenantTypeName for x in TenantTypeList" ng-model='Tenant.tenantTypeId' >
                        <option value="" selected disabled hidden>请输入学校类型</option>
                    </select>
                </div>
            </div>
            <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.ContactName.$valid,'has-error':TenantForm.ContactName.$invalid&&TenantForm.ContactName.$dirty}">
                <label class="col-md-3 control-label"><em class="must-point">*</em>密码:</label>
                <div class="col-md-9">
                    <input type="text" class="form-control" name="ContactName" id="ContactName" placeholder="请输入联系人" required ng-model='Tenant.ContactName'>
                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.ContactName.$valid,'glyphicon-remove':TenantForm.ContactName.$invalid&&TenantForm.ContactName.$dirty}" ></span>
                </div>
            </div>
            <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.Telephone.$valid,'has-error':TenantForm.Telephone.$invalid&&TenantForm.Telephone.$dirty}">
                <label class="col-md-3 control-label"><em class="must-point">*</em>确认密码:</label>
                <div class="col-md-9">
                    <input type="number" class="form-control" name="Telephone" placeholder="请输入手机或电话 075512312388" required ng-model='Tenant.Telephone'>
                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.Telephone.$valid,'glyphicon-remove':TenantForm.Telephone.$invalid&&TenantForm.Telephone.$dirty}" ></span>
                </div>
            </div>
            <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.Email.$valid,'has-error':TenantForm.Email.$invalid&&TenantForm.Email.$dirty}">
                <label class="col-md-3 control-label"><em class="must-point">*</em>邮箱:</label>
                <div class="col-md-9">
                    <input type="email" class="form-control" name="Email" placeholder="请输入邮箱" required ng-model='Tenant.email'>
                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.Email.$valid,'glyphicon-remove':TenantForm.Email.$invalid&&TenantForm.Email.$dirty}" ></span>
                </div>
            </div>
            <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.Host.$valid,'has-error':TenantForm.Host.$invalid&&TenantForm.Host.$dirty}">
                <label class="col-md-3 control-label"><em class="must-point">*</em>域名:</label>
                <div class="col-md-9">
                    <input class="form-control" id="Host" name="Host" type="url" required placeholder="请输入域名(http://www.xxx.com)" ng-model='Tenant.Host'/>
                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.Host.$valid,'glyphicon-remove':TenantForm.Host.$invalid&&TenantForm.Host.$dirty}" ></span>
                </div>
            </div>
            <div class="form-group has-feedback">
                <label class="col-md-3 control-label"><em class="must-point">*</em>验证码:</label>
                <div class="col-md-9 yzm-content">
                    <input type="text" name="verifyCode" class="form-control" placeholder="请输入验证码" required ng-model="Tenant.verifyCode">
                </div>
            </div>
            <div class="form-group">
                <div class="text-center mt reg-btn">
                    <button type="submit" class="btn btn-success" ng-disabled="TenantForm.$invalid">立即注册</button>
                </div>
            </div>
        </form>
    </div>
</div>